import { LeftCircleOutlined } from "@ant-design/icons";
import { Collapse } from "antd";
import React from "react";
import "./index.css";

const { Panel } = Collapse;

const data = [
  {
    title: "What are the dimensions, usable area, and weight of the Node?",
    text: "A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.",
  },
  {
    title: "Are the Nodes portable and road safe?",
    text: "A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.",
  },
  {
    title: "How does the Node generate power?",
    text: "A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.",
  },
  {
    title: "How will heating and temperature be regulated?",
    text: "A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.",
  },
  {
    title: "Will Nodes come with Wifi?",
    text: "A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.",
  },
  {
    title: "What licenses are required to own a Node?",
    text: "A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.",
  },
  {
    title: "What payment options are available?",
    text: "A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.",
  },
  {
    title: "What are the benefits from holding your NFTs?",
    text: "A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.",
  },
  {
    title: "What is the mint price?",
    text: "A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.",
  },
  {
    title: "Can I purchase more than one NFT?",
    text: "A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.",
  },
  {
    title: "Is there a community wallet?",
    text: "A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.",
  },
];

const App = () => (
  <Collapse
    bordered={false}
    expandIcon={({ isActive }) => (
      <LeftCircleOutlined rotate={isActive ? -90 : 0} />
    )}
  >
    {data.map((item, index) => (
      <Panel header={item.title} key={index + 1}>
       <p>{item.text}</p>
      </Panel>
    ))}
  </Collapse>
);

export default App;
